var ApprovalRemark = function () {
  var template = /* html */ `
    <div style="padding:0 20px 5px">
      <div style="margin-bottom:10px">请输入备注：</div>
      <div>
        <el-input size="medium" v-model="remark" type="textarea" :autosize="autosizeOption" resize="none" placeholder="请输入备注">
        </el-input>
      </div>
      <div style="text-align:center;margin-top:15px">
        <el-button size="medium" type="primary" @click="ensure">确定</el-button>
      </div>
    </div>
  `;

  return {
    props: {
      data: {
        type: Object,
        required: true
      }
    },

    data: function () {
      return {
        remark: '',
        autosizeOption: {
          minRows: 3,
          maxRows: 15
        }
      };
    },

    methods: {
      ensure: function () {
        this.$emit('ensure', this.data, this.remark);
      }
    },

    template: template
  };
}();
